<!DOCTYPE html>

<html xmlns:th="http://www.springframework.org/schema/jdbc">

<head>
    <title>Title of document</title>
    <meta charset="utf-8"></meta>
    <style>
        @page {
            margin:0;
            size:16.53in 11.69in ;
        }

        html {
            padding:0 0;
            height: 100%;
            width: 100%;
            margin:0 0;
        }

        /*这个要写margin 因为body自带8px的margin，太坑了！*/
        body {
            font-family: SimSun;
            font-size: 1em;
            height: 100%;
            width: 100%;
            margin:0;
        }
        .whole_page {
            page:whole_page;
            width: 16.53in;
            height: 11.69in;
        }

        .left_page {
            float: left;
            width: 50%;
            height: 100%;
            position: relative;
        }

        .right_page {
            float: right;
            width: 50%;
            height: 100%;
            position: relative;
        }

        #top_bar {
            position: absolute;
            left:10%;
            top:3%;
            width:86%;
            height:20%;
        }
        #tixing{
            margin-top:10px;
            width:100%;
            height:50%;
        }
        #semester {
            font-size: 20px;
            font-family: SimSun;
            font-weight: bold;
            text-align: center;
        }

        #subject {
            font-size: 26px;
            font-family: SimSun;
            font-weight: bold;
            text-align: center;
        }

        #left_bar {
            position: absolute;
            height: 95%;
            width: 9.5%;
            left: 0.1%;
            top: 3%;
        }

        .bottom_bar {
            height: 2%;
            width: 60%;
            position: absolute;
            left: 26%;
            top: 97%;
            text-align: center;
        }


        #page1 {
            position: absolute;
            width: 85%;
            height: 75%;
            top: 20%;
            left: 13%;
        }

        #page2 {
            position: absolute;
            width: 85%;
            height: 90%;
            top: 6%;
            left: 11%;
        }

        #left_bar_png {
            width: 100%;
            height: 100%;
        }
        .picture{
            width:100%;
            height:5%;
            margin:0 auto;
        }
        .picture div{
            width:20%;
            float:left;
            margin-left:5%;
        }
        .picture div img{
            display: block;
            width:100%;
            height:100%;
        }
        .score{
            float:right;

        }
        .score>div{
            float:left;
            border:1px solid black;
            text-align: center;
            width:40px;
            height:24px;
            margin: 0;
        }
    </style>
</head>

<body>
<section class="whole_page">
    <div class="left_page">
        <div id="top_bar">
            <div id="semester"></div>
            <div id="subject"></div>
            <img src="../static/swagger/images/tixing.png" id="tixing" alt="题型"></img>
        </div>

        <div id="left_bar">
            <img src="../static/swagger/images/left_bar.png"
                 id="left_bar_png"></img>
        </div>
        <div id="page1">

        </div>
        <div class="bottom_bar">第1页</div>
    </div>

    <div class="right_page">
        <div id="page2">



        </div>
        <div id="response">

        </div>
        <div class="bottom_bar"> 第2页</div>
    </div>
</section>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-MML-AM_CHTML"></script>
<script src="https://cdn.bootcss.com/axios/0.19.0-beta.1/axios.js"></script>
<script src="../static/swagger/js/jquery.js"></script>
<script src="../static/swagger/js/hasscore.js"></script>
</body>

</html>